<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}"><i
                                class="fa fa-refresh"></i> </a>
                        <a href="javascript:;"
                            class="btn btn-success btn-add {:$auth->check('slider/slider/add')?'':'hide'}"
                            title="{:__('Add')}"><i class="fa fa-plus"></i> {:__('Add')}</a>
                        <a href="javascript:;"
                            class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('slider/slider/edit')?'':'hide'}"
                            title="{:__('Edit')}"><i class="fa fa-pencil"></i> {:__('Edit')}</a>
                        <a href="javascript:;"
                            class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('slider/slider/del')?'':'hide'}"
                            title="{:__('Delete')}"><i class="fa fa-trash"></i> {:__('Delete')}</a>
                        <div class="dropdown btn-group {:$auth->check('slider/slider/multi')?'':'hide'}">
                            <a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled"
                                data-toggle="dropdown"><i class="fa fa-cog"></i> {:__('More')}</a>
                            <ul class="dropdown-menu text-left" role="menu">
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;"
                                        data-params="status=normal"><i class="fa fa-eye"></i> {:__('Set to normal')}</a>
                                </li>
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;"
                                        data-params="status=hidden"><i class="fa fa-eye-slash"></i> {:__('Set to
                                        hidden')}</a></li>
                            </ul>
                        </div>
                        <div class="row cityschool">
                            <div class="col-md-3">
                                <select id="c-cityarea_id" name="city_id" class="form-control select"
                                    data-live-search="true" title="选择城市">
                                    <option value="">全部城市</option>
                                </select>
                            </div>
                            <div class="col-md-3">
                                <select id="c-school_id" name="school_id" class="form-control select"
                                    data-live-search="true" title="选择学校">
                                    <option value="">全部学校</option>
                                </select>
                            </div>
                            <div class="col-md-2">
                                <button type="button" class="btn btn-info btn-filter" id="btn-filter">
                                    <i class="fa fa-search"></i> 筛选
                                </button>
                            </div>
                        </div>
                    </div>

                    <!-- 新增的选项卡导航 -->
                    <div class="nav-tabs-custom" style="margin-bottom: 15px;">
                        <ul class="nav nav-tabs" role="tablist">
                            <li role="presentation" class="active">
                                <a href="#city-home" aria-controls="city-home" role="tab" data-toggle="tab">
                                    <i class="fa fa-building"></i> 城市首页
                                </a>
                            </li>
                            <li role="presentation">
                                <a href="#teaching-point" aria-controls="teaching-point" role="tab" data-toggle="tab">
                                    <i class="fa fa-map-marker"></i> 教学点首页
                                </a>
                            </li>
                            <li role="presentation">
                                <a href="#teaching-point_sq" aria-controls="teaching-point_sq" role="tab" data-toggle="tab">
                                    <i class="fa fa-map-marker"></i> 社区教学点首页
                                </a>
                            </li>
                            <li role="presentation">
                                <a href="#class-home" aria-controls="class-home" role="tab" data-toggle="tab">
                                    <i class="fa fa-users"></i> 班级首页
                                </a>
                            </li>
                            <li role="presentation">
                                <a href="#community-subject" aria-controls="community-subject" role="tab"
                                    data-toggle="tab">
                                    <i class="fa fa-book"></i> 社区学科
                                </a>
                            </li>
                            <li role="presentation">
                                <a href="#school-home" aria-controls="school-home" role="tab"
                                    data-toggle="tab">
                                    <i class="fa fa-book"></i> 学校
                                </a>
                            </li>
                            <li role="presentation">
                                <a href="#others" aria-controls="others" role="tab" data-toggle="tab">
                                    <i class="fa fa-ellipsis-h"></i> 其他
                                </a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active" id="city-home">
                                <!-- 城市首页内容区域 -->
                                <table id="table-city-home" class="table table-striped table-bordered table-hover"
                                    data-operate-edit="{:$auth->check('slider/slider/edit')}"
                                    data-operate-del="{:$auth->check('slider/slider/del')}" width="100%">
                                </table>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="teaching-point">
                                <!-- 教学点首页内容区域 -->
                                <table id="table-teaching-point" class="table table-striped table-bordered table-hover"
                                    data-operate-edit="{:$auth->check('slider/slider/edit')}"
                                    data-operate-del="{:$auth->check('slider/slider/del')}" width="100%">
                                </table>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="teaching-point_sq">
                                <!-- 教学点首页内容区域 -->
                                <table id="table-teaching-point_sq" class="table table-striped table-bordered table-hover"
                                       data-operate-edit="{:$auth->check('slider/slider/edit')}"
                                       data-operate-del="{:$auth->check('slider/slider/del')}" width="100%">
                                </table>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="school-home">
                                <!-- 学校首页内容区域 -->
                                <table id="table-school-home" class="table table-striped table-bordered table-hover"
                                    data-operate-edit="{:$auth->check('slider/slider/edit')}"
                                    data-operate-del="{:$auth->check('slider/slider/del')}" width="100%">
                                </table>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="class-home">
                                <!-- 班级首页内容区域 -->
                                <table id="table-class-home" class="table table-striped table-bordered table-hover"
                                    data-operate-edit="{:$auth->check('slider/slider/edit')}"
                                    data-operate-del="{:$auth->check('slider/slider/del')}" width="100%">
                                </table>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="community-subject">
                                <!-- 社区学科内容区域 -->
                                <table id="table-community-subject" class="table table-striped table-bordered table-hover"
                                    data-operate-edit="{:$auth->check('slider/slider/edit')}"
                                    data-operate-del="{:$auth->check('slider/slider/del')}" width="100%">
                                </table>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="others">
                                <!-- 其他内容区域 -->
                                <table id="table-others" class="table table-striped table-bordered table-hover"
                                    data-operate-edit="{:$auth->check('slider/slider/edit')}"
                                    data-operate-del="{:$auth->check('slider/slider/del')}" width="100%">
                                </table>
                            </div>
                        </div>
                    </div>


                </div>
            </div>

        </div>
    </div>
</div>